<script>
	export default {
		globalData:{
			domain:"https://group.taiangefu.com", 
			imgDomain:'https://group.taiangefu.com',
			isLogin:uni.getStorageSync('uToken')?true:false, 
			platform:uni.getSystemInfoSync().osName, // android  ios
			mapKey:'WDJBZ-QBGW5-XD5IW-Q3MXA-QSLNS-TIBSS',
			city:'',  
			lat:'',
			lng:'', 
			sceneVal:'', 
			activeTit:'',
			user_level:'',// 1普通用户 2团长 
			pageHeader:'',
			pageStatus:''
		},
		onLaunch: function() { 
		},
		onShow: function(event) {
			// 计算标题栏高度
			let custom = uni.getMenuButtonBoundingClientRect();
			this.globalData.pageHeader = custom.height;
			this.globalData.pageStatus = custom.top;
			let shareInfo = uni.getStorageSync('shareInfo') ? uni.getStorageSync('shareInfo') : {};
			if(shareInfo.time + 24 * 60 * 60 * 1000 <= new Date().getTime()){
				uni.removeStorageSync('shareInfo');
			}
		},
		onHide: function() {
			
		}
	}
</script>

<style lang='scss'>
	@import "uview-ui/index.scss";
	/*每个页面公共css*/
	page {
			width: 100%;
			height: 100%;
			font-size: 14px;
			background: #F6F6F6;
			color: #333333;
		}
		button {
			background: none;
			padding: 0;
			margin: 0;
			border: none;
			line-height: normal;
			font-size: 14px;
		}
		button::after {
			border: none;
		}
		.statusBar {
			width: 100%;
			height: calc(var(--status-bar-height));
		}
		.pageHeader{
			width:calc(100% - 24px);
			margin:0 auto;
			box-sizing: unset;
			.backIcon {
				width: 40rpx;
			}
			.title {
				font-size: 16px;
				text-align: center;
				flex: 1;
				font-weight: bold;
			}
		}
		.and_pageTitle{
			width: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 99;
			height: calc(var(--status-bar-height) + 56px + 1px);
			.pageTitle {
				width: 100%;
				height: 46px;
				padding: 0 3%;
				box-sizing: border-box;
				margin-top: 10px;
				.backIcon {
					width: 40rpx;
				}
				.title {
					font-size: 16px;
					text-align: center;
					flex: 1;
					font-weight: bold;
				}
			}
		}
		.androidPadding{
			padding-top: calc(var(--status-bar-height) + 56px + 1px);
		}
		.ios_pageTitle{
			width: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 99;
			height: calc(var(--status-bar-height) + 63px);
			.pageTitle {
				width: 100%;
				height: 44px;
				padding: 0 3%;
				margin-top: 18px;
				box-sizing: border-box;
				.backIcon {
					width: 40rpx;
				}
				.title {
					font-size: 16px;
				}
			}
		}
		.iosPadding{
			padding-top: calc(var(--status-bar-height) + 63px);
		}
		
		img{
			display: block;
			width: 100%!important;
		}
		image {
			height: auto;
			width: 100%;
			border-radius: 4px;
		}
		input,
		textarea {
			display: block;
			width: 100%;
		}
		.imgPublic {
			font-size: 0;
			overflow: hidden;
		}
	
		.dFlex {
			display: flex;
		}
	
		.jStart_aStart {
			justify-content: flex-start;
			align-items: flex-start;
		}
	
		.jStart_aCenter {
			justify-content: flex-start;
			align-items: center;
		}
	
		.jStart_aEnd {
			justify-content: flex-start;
			align-items: flex-end;
		}
	
		.jAround_aStart {
			justify-content: space-around;
			align-items: flex-start;
		}
	
		.jAround_aCenter {
			justify-content: space-around;
			align-items: center;
		}
	
		.jAround_aEnd {
			justify-content: space-around;
			align-items: flex-end;
		}
	
		.jCenter_aStart {
			justify-content: center;
			align-items: flex-start;
		}
	
		.jCenter_aCenter {
			justify-content: center;
			align-items: center;
		}
	
		.jCenter_aEnd {
			justify-content: center;
			align-items: flex-end;
		}
	
		.jEnd_aStart {
			justify-content: flex-end;
			align-items: flex-start;
		}
	
		.jEnd_aCenter {
			justify-content: flex-end;
			align-items: center;
		}
	
		.jEnd_aEnd {
			justify-content: flex-end;
			align-items: flex-end;
		}
		.jBetween_aStart {
			justify-content: space-between;
			align-items: flex-start;
		}
		.jBetween_aCenter {
			justify-content: space-between;
			align-items: center;
		}
		.jBetween_aEnd {
			justify-content: space-between;
			align-items: flex-end;
		}
		.flexDirection {
			flex-direction: column;
		}
		.fWap {
			flex-wrap: wrap;
		}
		.seat {
			height: 85px;
		}
		.zz {
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.5);
			position: fixed;
			top: 0;
			left: 0;
			z-index: 100;
		}
		.empty {
			width: 50% !important;
			margin: 80rpx auto 20rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		view::-webkit-scrollbar {
		    display: none; /* Chrome Safari */
		}
		.ios_safe{
			padding-bottom:env(safe-area-inset-bottom) !important;
		}
	.course{
		width: 100%;
		padding:12px 12px 0 12px;
		box-sizing: border-box;
		border-radius: 8px;
		background: white;
		margin-bottom: 12px;
		.courses{
			width: 100%;
			.courseOne{
				width: 21.4%;
				margin-right:14px;
				margin-bottom: 12px;
				.courseImg{
					width: 100%;
				}
				.courseInfo{
					width: 100%;
					.course_name{
						margin: 4px 0 2px;
						font-size: 13px;
					}
					.course_price{
						font-size: 12px;
						color: #FD6524; 
					}
				}
			}
			.courseOne:nth-child(4n + 4){
				margin-right: 0;
			}
		}
		.baseInfo{
			padding-bottom: 12px;
			.otherInfo{
				flex: 1;
				.desc{
					width: 100%;
					margin-top: 12px;
					color: #B5B5B5;
					font-size: 12px;
				}
				.achieve{
					width: 100%;
					.order_num{
						font-size: 13px;
						font-weight: bold;
						color: #FF0000;
					}
					.zixun{
						font-weight: 400;
						font-size: 12px;
						color:#B5B5B5;
						margin-left: 12px;
					}
					.distance{
						width: auto;
						font-size: 12px;
						color:#B5B5B5;
					}
				}
				.store_name{
					width: 100%;
					margin-bottom: 6px;
					font-weight: bold;
					font-size: 15px;
					.huizhang{
						width: 16px;
					}
				}
			}
		}
	}
	/* 上下结构 */
	.course_upDown{
		.storeImg{
			width: 45px;
			height: 45px;
			border-radius: 4px;
			margin-right: 12px;
			overflow: hidden;
			image{
				width: 100%;
			}
		}
	}
	/* 左右结构 */
	.course_lR{
		padding: 12px;
		.storeImg{
			width: 90px;
			height:90px;
			border-radius: 4px;
			margin-right: 12px;
			overflow: hidden;
			image{
				width: 100%;
				height: 90px;
			}
			.haveNew{
				width: 100%;
				padding: 4px 0;
				color: white;
				font-size: 12px;
				background: linear-gradient(180deg, #A5E17D 0%, #00C050 100%);
				.newIcon{
					width: 18px;
					margin-right: 4px;
				}
			}
		}
		.others{
			flex: 1;
			.courses{
				width: 100%;
				.courseOne{
					width: 31%;
					margin-right: 5px;
					margin-bottom: 0;
				}
				.courseOne:nth-child(3n + 3){
					margin-right: 0;
				}
			}
			.baseInfo{
				width: 100%;
			}
		}
	}
	.yjCount{
		width: max-content;
		background: white;
		padding:2px 8px;
		border-radius:50px;
		position:absolute;
		top:5px;
		right:5px;
		font-size:12px;
		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
		.showYJ{
			width:20px;
			height:20px;
			text-align: center;
			line-height: 20px;
			font-size:10px;
			margin-right: 5px;
			border-radius: 50%;
			color: white;
			background: #FD6524;
		}
	}
</style>
